<template>
    <div>
        <content-header></content-header>
        <div class='mt'>
            <router-view></router-view>
        </div>
    </div>
</template>
<style scoped>
.mt{
   position:relative;
   top:48px;
}
</style>
<script>
  import Header from './Header.vue'
    export default{
    //     route:{
    //     activated({to,next}){
    //       var i = 0 ;
    //       if(to.path=='/Login'){
    //         i = 1;
    //       }else if(to.path=='/main/waterfall'){
    //         i = 2;
    //       }else if(to.path=='/main/home'){
    //         i = 0;
    //       }else{
    //         i = 0;
    //       }
    //      this.tooltips.find((tooltip,index)=>index = i).active = true;
    //     }
    //   },
        data(){
            return{
                msg:'hello vue'
            }
        },
        components:{
          'content-header':Header,
        }
    }
</script>